<template>
    <div>
        <el-menu
        :default-active="activeIndex2"
        class="el-menu-demo"
        mode="horizontal"
        @select="handleSelect"
        background-color="rgb(48, 65, 86)"
        text-color="#fff"
        active-text-color="#ffd04b">
    <el-menu-item index="1"><router-link to="/home/courtMag">部门管理</router-link></el-menu-item>
    <el-menu-item index="2"><router-link to="/home/courtMag/role">角色管理</router-link></el-menu-item>
    <el-menu-item index="3"><router-link to="/home/courtMag/user">用户管理</router-link></el-menu-item>
    <el-menu-item index="4"><router-link to="/home/courtMag/post">岗位管理</router-link></el-menu-item>
    </el-menu>
    <router-view/>
    </div>

</template>


<script>
  export default {
    data() {
      return {
        activeIndex: '1',
        activeIndex2: '1'
      };
    },
    methods: {
    }
  }
</script>